<div style="background-color: #FFF; overflow: hidden">
	<div title="{{$.lp.base}}" class="MWFTab">
		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
		  <tr>
		    <td class="editTableTitle">{{$.lp.id}}:</td>
		    <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">{{$.lp.name}}</td>
		    <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">{{$.lp.description}}:</td>
		    <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
		  </tr>
		</table>
		
		<div class="MWFMaplist" name="styles" title="{{$.lp.style}}"></div>
		<div class="MWFMaplist" name="properties" title="{{$.lp.attribute}}"></div>

        <div style="background-color: #eeeeee; height: 24px; line-height: 24px; text-align: center;">{{$.lp.querySelectBox}}</div>
        <div>
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">{{$.lp.selectBoxTitle}}:</td>
                    <td class="editTableValue"><input type="text" name="title" value="text{$.title}" class="editTableInput"/></td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.columnTitle}}:</td>
                    <td class="editTableValue">
                        <input type="radio" name="isTitle" value="true" text{($.isTitle)?'checked':''}/>{{$.lp.show}}
                        <input type="radio" name="isTitle" value="false" text{(!$.isTitle)?'checked':''}/>{{$.lp.hide}}
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.expandDefault}}</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="isExpand" text{($.isExpand=='yes')?'checked':''} type="radio" value="yes"/>{{$.lp.expand}}
                        <input class="editTableRadio" name="isExpand" text{($.isExpand!='yes')?'checked':''} type="radio" value="no"/>{{$.lp.collapse}}
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.select}}:</td>
                    <td class="editTableValue">
                        <input type="radio" name="select" value="single" text{($.select!='multi')?'checked':''}/>{{$.lp.singleChoice}}
                        <input type="radio" name="select" value="multi" text{($.select=='multi')?'checked':''}/>{{$.lp.multipleChoice}}
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.actionBar}}</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="actionbar" text{($.actionbar=='show')?'checked':''} type="radio" value="show"/>{{$.lp.show}}
                        <input class="editTableRadio" name="actionbar" text{($.actionbar!='show')?'checked':''} type="radio" value="hidden"/>{{$.lp.hide}}
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.height}}</td>
                    <td class="editTableValue">
                        <input type="text" name="DialogHeight" value="text{$.DialogHeight}" class="editTableInput"/>
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.width}}</td>
                    <td class="editTableValue">
                        <input type="text" name="DialogWidth" value="text{$.DialogWidth}" class="editTableInput"/>
                    </td>
                </tr>
                <!--<tr>-->
                    <!--<td class="editTableTitle"></td>-->
                    <!--<td class="editTableValue">-->
                        <!--<input type="radio" onclick="if (this.checked) {$('text{$.id}processViewArea').setStyle('display', 'block'); $('text{$.id}cmsViewArea').setStyle('display', 'none');}" name="selectViewType" value="process" text{($.selectViewType!='cms')?'checked':''}/>流程视图-->
                        <!--<input type="radio" onclick="if (this.checked) {$('text{$.id}processViewArea').setStyle('display', 'none'); $('text{$.id}cmsViewArea').setStyle('display', 'block');}" name="selectViewType" value="cms" text{($.selectViewType=='cms')?'checked':''}/>内容管理视图-->
                    <!--</td>-->
                <!--</tr>-->
            </table>
        </div>
        <!--<div id="text{$.id}processViewArea" style="display: text{($.selectViewType!='cms')?'block':'none'};">-->
            <!--<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">-->
                <!--<tr>-->
                    <!--<td class="editTableTitle">视图:</td>-->
                    <!--<td class="editTableValue"><div class="MWFViewSelect" name="processViewName"></div></td>-->
                <!--</tr>-->
            <!--</table>-->
        <!--</div>-->
        <!--<div id="text{$.id}cmsViewArea" style="display: text{($.selectViewType=='cms')?'block':'none'};">-->
            <!--<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">-->
                <!--<tr>-->
                    <!--<td class="editTableTitle">视图:</td>-->
                    <!--<td class="editTableValue"><div class="MWFCMSViewSelect" name="cmsViewName"></div></td>-->
                <!--</tr>-->
            <!--</table>-->
        <!--</div>-->
        <div>
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">{{$.lp.query}}:</td>
                    <td class="editTableValue"><div class="MWFQueryStatementSelect" name="queryStatement"></div></td>
                </tr>
            </table>
        </div>

        <div class="MWFMaplist" name="titleStyles" title="{{$.lp.boxTitleStyle}}"></div>
        <div class="MWFMaplist" name="itemStyles" title="{{$.lp.boxItemStyle}}"></div>

        <div style="background-color: #eeeeee; height: 24px; line-height: 24px; text-align: center;">{{$.lp.selectResultProcessing}}</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.resultProcessing}}:</td>
                <td class="editTableValue">
                    <input type="radio" onclick="if (this.checked){ $('text{$.pid}selectedSetValueArea').setStyle('display', 'block'); $('text{$.pid}selectedScriptArea').setStyle('display', 'none')}" name="result" value="setValue" text{($.result!='script')?'checked':''}/>{{$.lp.assignValue}}
                    <input type="radio" onclick="if (this.checked){ $('text{$.pid}selectedSetValueArea').setStyle('display', 'none'); $('text{$.pid}selectedScriptArea').setStyle('display', 'block')}" name="result" value="script" text{($.result=='script')?'checked':''}/>{{$.lp.script}}
                </td>
            </tr>
        </table>

        <div id="text{$.pid}selectedSetValueArea" style="display: text{($.result!='script')?'block':'none'};">
            <div class="MWFMaplist" name="selectedSetValues" title="{{$.lp.assignValueForResult}}"></div>
        </div>
        <div id="text{$.pid}selectedScriptArea" style="display: text{($.result=='script')?'block':'none'};">
            <div class="MWFScriptArea" name="selectedScript" title="{{$.lp.selectResult}} (S)"></div>
        </div>
        <div class="MWFScriptArea" name="defaultSelectedScript" title="{{$.lp.defaultSelectedLineScript}}"></div>
        <div class="MWFScriptArea" name="selectedAbleScript" title="{{$.lp.allowSelectiLineScript}}"></div>
	</div>
    <div title="{{$.lp.filter}}"  class="MWFTab">
        <div class="MWFStatementFilter">
            <div class="inputAreaNode_vf">
                <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf" style="table-layout: fixed;">
                    <tr class="parameterInputTr" style="display: none">
                        <td class="editTableTitle">{{$.lp.parameter}}:</td>
                        <td class="editTableValue">
                            <input type="text" class="editTableInput parameterInput_vf"/>
                            <div style="line-height: 20px;color:#999;">{{$.lp.parameterNote}}</div>
                        </td>
                    </tr>
                    <tr class="filterListInputTr" id="text{$.id}pathInputSelectTr">
						<td class="editTableTitle">{{$.lp.select}}:</td>
						<td class="editTableValue">
							<select class="pathInputSelect_vf"></select>
							<!--                            <div style="line-height: 20px;color:#999;">注：选择路径后，需在选择的值前面加上"表别名."，如：o.</div>-->
						</td>
					</tr>
                    <tr class="filterListInputTr">
                        <td class="editTableTitle">{{$.lp.path}}:</td>
                        <td class="editTableValue">
                            <input type="text" class="editTableInput pathInput_vf"/>
							<div style="color: #999" class="pathNote_vf">{{$.lp.pathInfo}}</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">{{$.lp.dataType}}:</td>
                        <td class="editTableValue"><select class="datatypeInput_vf">
                            <option value="textValue" selected>{{$.lp.text}}</option>
                            <option value="numberValue">{{$.lp.number}}</option>
                            <option value="dateValue">{{$.lp.date}}</option>
                            <option value="dateTimeValue">{{$.lp.dateTime2}}</option>
                            <option value="booleanValue">{{$.lp.boolean}}</option>
                        </select></td>
                    </tr>
                    <tr class="filterListInputTr">
                        <td class="editTableTitle">{{$.lp.compare}}:</td>
                        <td class="editTableValue"><select class="comparisonInput_vf">
                            <option value="equals" selected>{{$.lp.equals}}(==)</option>
                            <option value="notEquals">{{$.lp.notEquals}}(!=)</option>
                            <option value="greaterThan">{{$.lp.greaterThan}}(>)</option>
                            <option value="greaterThanOrEqualTo">{{$.lp.greaterThanOrEqualTo}}(>=)</option>
                            <option value="lessThan">{{$.lp.lessThan}}(<)</option>
                            <option value="lessThanOrEqualTo">{{$.lp.lessThanOrEqualTo}}(<=)</option>
                            <option value="like">{{$.lp.like}}(like)</option>
                            <option value="notLike">{{$.lp.notLike}}(not-like)</option>
                            <option value="range">{{$.lp.range}}(range)</option>
                        </select></td>
                    </tr>
					<tr style="display:none">
                        <td class="editTableTitle">{{$.lp.subject}}:</td>
                        <td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
                    </tr>
                    <tr style="display:none;">
                        <td class="editTableTitle">{{$.lp.logic}}:</td>
                        <td class="editTableValue"><select class="logicInput_vf">
                            <option selected value="and">{{$.lp.and}}</option>
                            <option value="or">{{$.lp.or}}</option>
                        </select></td>
                    </tr>
                    <tr style="display:none">
                        <td class="editTableTitle">{{$.lp.value}}:</td>
                        <td class="editTableValue">
                            <input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
                            <input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
                            <input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
							<input type="text" class="editTableInput valueDateInput_vf" style="display: none" readonly/>
							<input type="text" class="editTableInput valueTimeInput_vf" style="display: none" readonly/>
                            <select class="valueBooleanInput_vf" style="display: none">
                                <option value="true" selected>{{$.lp.true}}(True)</option>
                                <option value="false">{{$.lp.false}}(False)</option>
                            </select>
                        </td>
                    </tr>
                </table>
                <table id="text{$.pid}viewFilterRestrict" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                    <td class="editTableTitle"></td>
                    <td class="editTableValue">
                        <input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" checked  data-notAutoHistory onclick="if (this.checked){
                                debugger;
                                this.getParent('.inputAreaNode_vf').getElements('tr.parameterInputTr').hide();
                                this.getParent('.inputAreaNode_vf').getElements('tr.filterListInputTr').setStyle('display','');
                            }"/>通过路径添加默认条件<br>
                        <input type="radio" class="restrictParameterInput_form_vf" value="custom" name="text{$.id}viewFilterType" data-notAutoHistory onclick="if (this.checked){
                                debugger;
                                this.getParent('.inputAreaNode_vf').getElements('tr.parameterInputTr').setStyle('display','');
                                this.getParent('.inputAreaNode_vf').getElements('tr.filterListInputTr').hide();
                            }"/>通过参数添加默认条件
                    </td>
                </table>
                <div title="{{$.lp.value}}" class="MWFFilterFormulaArea"></div>
            </div>
            <div class="actionAreaNode_vf"></div>
            <div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">{{$.lp.pathConditions}}</div>
            <div class="filterListAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
            <div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">{{$.lp.parameterConditions}}}</div>
            <div class="parameterListAreaNode_form_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
        </div>
    </div>

	<div title="{{$.lp.event}}"  class="MWFTab">
		<div class="MWFEventsArea" name="events"></div>
	</div>
	<div title="HTML"  class="MWFTab">
        <div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
	</div>
    <div title="JSON"  class="MWFTab">
        <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
</div>
